<!DOCTYPE html>
<!-- html -->
<html>
<!-- head -->

<head>
    <title>会员详情</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!-- bootstrap-CSS -->
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
    <!-- Fontawesome-CSS -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type='text/javascript' src='js/jquery-2.2.3.min.js'></script>
    <script type='text/javascript' src='js/template.js'></script>
    <!-- Custom Theme files -->
    <link href="css/menu.css" rel="stylesheet" type="text/css" media="all" />
    <!-- menu style -->
    <!--theme-style-->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!--//theme-style-->
    <link rel="stylesheet" type="text/css" href="css/easy-responsive-tabs.css " />
    <!--meta data-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="" />
    <script type="text/javascript">
    function isWeixnOpen() {

        var ua = navigator.userAgent.toLowerCase();

        if (ua.match(/MicroMessenger/i) == "micromessenger") {

            return true;

        } else {

            return false;

        }

    }
    $(function() {
        if (isWeixnOpen()) {

        } else {
            // document.oncontextmenu=new Function("event.returnValue=false;");
            // document.onselectstart=new Function("event.returnValue=false;");
            // $("body").text("请在微信打开");
            // $("body").css("text-align","center");
        }
    })
    </script>
    <script type="application/x-javascript">
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar() { window.scrollTo(0, 1); }
    </script>
    <!--//meta data-->
    <!-- nav smooth scroll -->
    <script>
    $(document).ready(function() {
        $(".dropdown").hover(
            function() {
                $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                $(this).toggleClass('open');
            },
            function() {
                $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                $(this).toggleClass('open');
            }
        );
    });
    </script>
    <!-- //nav smooth scroll -->
</head>
<!-- //head -->
<!-- body -->

<body>
    <!-- header -->
    <!-- <header>
    <div class="navbar navbar-inverse-blue navbar">
        <div class="navbar-inner">
            <div class="container">
                <div class="menu">
                    <div>
                        <a class="cd-dropdown-trigger" href="#0" style="color: rgba(0,0,0,0);">浏览资料</a>
                    </div>
                </div>
                <div class="pull-right">
                    <nav class="navbar nav_bottom" role="navigation">
                        <div class="navbar-header nav_2">
                            <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">菜单
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
                            <ul class="nav navbar-nav nav_1">
                                <li class="active"><a href="index.html">首页</a></li>
                                <li><a href="./activity.html">活动</a></li>
                                <li><a href="./emotional.html">情感专栏</a></li>
                                <li class="last"><a href="./loveLesson.html">恋爱技巧</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
</header> -->
    <!-- /header -->
    <!-- inner banner -->
    <div style="position: relative;">
        <img style="width: 100%;" src="./images/ban2.png">
        <img style="position: absolute;width: 30%;top: 10px;left: 10px;" src="./images/logo.png">
    </div>
    <!-- //inner banner -->
    <!-- breadcrumbs -->
    <!-- //breadcrumbs -->
    <!-- Bridegroom Profile Details -->
    <div class="w3ls-list">
        <div class="container">
            <h2>详细资料</h2>
            <div class="col-md-9 profiles-list-agileits">
                <div class="single_w3_profile">
                    <div class="agileits_profile_image">
                        <img id="mem_img" src="images/profile-image-men.jpg" alt="profile image" />
                    </div>
                    <div class="w3layouts_details">
                        <h4 id="mem_id">会员id :</h4>
                        <span>最后一次在线1小时之前</span>
                        <p id="memHeight_wieght">18岁,180cm,体重66kg,热爱体育</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="profile_w3layouts_details">
                    <div class="agileits_aboutme">
                        <h4>关于我</h4>
                        <h5>介绍:</h5>
                        <p id="character_love">1990年09月生于北京市，目前就职于北京市朝阳区建外街道办事处，平时喜欢爬山、绘画、看书、游泳、散步，我的爱 情宣言：此刻刚刚好，何必等来生。</p>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">婚姻状况: </label>
                            <div class="col-sm-9 w3_details" id="marital_status">
                                未婚
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">有无子女 : </label>
                            <div class="col-sm-9 w3_details" id="has_children">
                                无
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">户口所在地 : </label>
                            <div class="col-sm-9 w3_details" id="account_location">
                                北京
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                       <!--  <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">学历 : </label>
                            <div class="col-sm-9 w3_details" id="education">
                                本科
                            </div>
                            <div class="clearfix"> </div>
                        </div> -->
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">职业 : </label>
                            <div class="col-sm-9 w3_details" id="occupation">
                                程序员
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">身体状况 : </label>
                            <div class="col-sm-9 w3_details" id="body_condition">
                                健康
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">收入状况 : </label>
                            <div class="col-sm-9 w3_details" id="income_status">
                                2W/月
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                        <h5>希望的对象:</h5>
                        <div class="form_but1">
                            <label class="col-sm-3 control-label1" for="Relation">要求 : </label>
                            <div class="col-sm-9 w3_details" id="love_object">
                                20 - 23 岁
                            </div>
                            <div class="clearfix"> </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <script src="js/easyResponsiveTabs.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {

        $('#parentHorizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion
            width: 'auto', //auto or any width like 600px
            fit: true, // 100% fit in a container
            closed: 'accordion', // Start closed if in accordion view
            tabidentify: 'hor_1', // The tab groups identifier
            activate: function(event) { // Callback function if tab is switched
                var $tab = $(this);
                var $info = $('#nested-tabInfo');
                var $name = $('span', $info);

                $name.text($tab.text());

                $info.show();
            }
        });

    });
    </script>
    <script src="js/jquery.menu-aim.js">
    </script>
    <script src="js/main.js"></script>
    <!-- Resource jQuery -->
    <!-- //menu js aim -->
    <!-- for bootstrap working -->
    <script src="js/bootstrap.js"></script>
    <!-- //for bootstrap working -->
    <script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear' 
            };
            */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
    </script>
    <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
    <!-- for smooth scrolling -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event) {
            event.preventDefault();
            $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
        });
    });
    </script>
    <script type="text/javascript">
        function getUrlValue(){
    var res = location.search.toLowerCase();

    var qs = (res.length > 0 ? res.substring(1) : ""),

        args = {},

        items = qs.length ? qs.split("&") : [],

        item = null,

        name = null,

        value = null,

        i = 0,

        len = items.length;

    for (i = 0; i < len; i++) {

        item = items[i].split("=");

        name = decodeURIComponent(item[0]);

        value = decodeURIComponent(item[1]);

        if (name.length) {

            args[name] = value;

        }

    }
    return args;

    };
    var args = getUrlValue();
    $(function() {
        $.ajax({
            method: "get",
            url: "/member/getMemberinfo?id=" + args.id,
            success: function(res) {
                var member = res.data[0];
                console.log(member)
                $("#mem_img").attr("src", filterImage(member.mem_img));
                $("#mem_id").text("会员id：" + member.mem_id);
                $("#memHeight_wieght").text("身高" + filter(member.height) + "/体重" + filter(member.body_weight));
                $("#character_love").text(filter(member.character_love));
                var maritalText='';
                if (member.marital_status==0) {
                    maritalText='未婚'
                }
                else if (member.marital_status==1) {
                    maritalText='已婚'
                }
                else if (member.marital_status==2) {
                    maritalText='丧偶'
                }
                $("#marital_status").text(maritalText); //婚姻状况
                var childrenText='';
                if (member.has_children==0) {
                    childrenText="无子女"
                }else{
                    childrenText="有子女"
                }
                $("#has_children").text(childrenText); //是否有子女
                $("#account_location").text(filter(member.account_location)); //户口所在地

                //$("#education").text(filter(member.education)); //学历
                $("#occupation").text(filter(member.occupation)); //职业
                $("#income_status").text(filter(member.income_status)); //收入状况
                $("#body_condition").text(filter(member.body_condition)); //身体状况
                $("#love_object").text(filter(member.love_object)); //希望对象的要求
                // $("#account_location").text(filter(member.account_location));//户口所在地
            },
            error: function(error) {
                console.log(error)
            }
        })


    })

    function filter(msg) {
        if (msg) {
            return msg;
        } else {
            return "暂无";
        }
    }

    function filterImage(msg) {
        if (msg) {
            return msg;
        } else {
            return './images/p6.jpg';
        }
    }
    </script>
    <!-- //for smooth scrolling -->
</body>
<!-- //body -->

</html>
<!-- //html -->